<nav class="navbar">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#navbar-collapse"
				aria-expanded="false">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand">FeastBooking</a>
		</div>
		<div class="navbar-collapse collapse" id="navbar-collapse">
			<ul class="nav navbar-nav">
				<li role="presentation"
					ng-class="{'active': state.name.startsWith(constants.hotelsStatePrefix) || state.name.startsWith(constants.hotelStatePrefix)}"><a
					ui-sref="{{constants.hotelsStatePrefix + '.' + constants.hotelsListState}}" tabindex="1">酒店</a></li>
				<li role="presentation"
					ng-class="{'active': state.name.endsWith(constants.ordersState) || state.name.endsWith(constants.orderState)}"><a
					ui-sref="{{constants.feastBookingPrefix + '.' + constants.ordersState}}" tabindex="2">訂單</a></li>
				<li role="presentation"
					ng-class="{'active': state.name.endsWith(constants.advertisementState)}"><a
					ui-sref="{{constants.feastBookingPrefix + '.' + constants.advertisementState}}" tabindex="3">廣告</a></li>
				<li role="presentation"
					ng-class="{'active': state.name.endsWith(constants.userState)}"><a
					ui-sref="{{constants.feastBookingPrefix + '.' + constants.userState}}" tabindex="4">注冊</a></li>
				<li role="presentation"
					ng-class="{'active': state.name.endsWith(constants.cashbackState)}"><a
					ui-sref="{{constants.feastBookingPrefix + '.' + constants.cashbackState}}" tabindex="5">全局返現</a></li>
				<li role="presentation" 
					ng-class="{'active': state.name.endsWith(constants.notificationState)}"><a 
					ui-sref="{{constants.feastBookingPrefix + '.' + constants.notificationState}}" tabindex="6">消息</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right notification-nav">
				<li uib-dropdown><a tabindex="7" class="notification-bell"
					uib-dropdown-toggle> <span class="glyphicon glyphicon-bell"></span>
						<div class="badge">{{unreadCnt}}</div>
				</a>
					<ul uib-dropdown-menu class="dropdown-menu">
						<li ng-repeat="notification in notifications" class="notification-item">
							<div class="content">{{notification.content | limitLength}}</div>
							<div class="from">{{notification.from}}</div>
						</li>
						<li ng-show="notifications && notifications.length === 0" class="notification-item no-notification">沒有消息</li>
					</ul></li>
				<!--<li><a><span class="glyphicon glyphicon-user"></span></a></li>-->
			</ul>
		</div>
	</div>
</nav>
<main class="main" ui-view="main"> </main>
